//@ts-nocheck
import {createDOM} from '../react/vdom';
import {updateQueue} from '../react/component';

// eslint-disable-next-line @typescript-eslint/explicit-function-return-type
function render(element, container){
  console.log('render');
  //1. 把虚拟DOM 变成真实DOM
  const dom = createDOM(element);

  //2. 把真实DOM挂载到container上
  container.appendChild(dom);
}

// eslint-disable-next-line @typescript-eslint/explicit-function-return-type
/** ↓卧槽 这相当诡异 如果函数名超过两个字符 export导出就查找不到？？？！ what the fuck？？、*/
function bu(fn){
  updateQueue.isPending = true; //置为批量更新模式
  fn();
  updateQueue.isPending = false;
  updateQueue.batchUpdate();
}

export {
  bu
}

export default {
  render
}
